<template>
  <svg
    t="1753158916020"
    class="collect-icon"
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="22480"
    :width="size"
    :height="size"
  >
    <path
      d="M802.56 845.717333l14.037333 76.842667a32 32 0 0 1-46.336 34.112l-250.773333-131.52-245.781333 141.269333a32.042667 32.042667 0 0 1-47.637334-32.341333l42.453334-291.797333-205.632-201.728a32.064 32.064 0 0 1 17.002666-54.4l277.205334-47.658667 119.808-266.282667a32.042667 32.042667 0 0 1 28.608-18.858666c12.352-0.554667 23.765333 6.698667 29.269333 17.813333l129.301333 261.290667 278.741334 36.757333a31.978667 31.978667 0 0 1 19.072 53.696l-198.336 209.749333 2.858666 15.658667"
      :fill="color"
      p-id="18879"
    ></path>
  </svg>
</template>

<script>
  export default {
    name: "CollectIcon",
    props: {
      size: {
        type: [Number, String],
        default: 30,
      },
      color: {
        type: String,
        default: "#ffffff",
      },
    },
  };
</script>

<style scoped>
  .music-icon {
    display: inline-block;
    vertical-align: middle;
  }
</style>
